<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="address=no">
    <link rel="stylesheet" type="text/css" href="css/j-shouye.css"/>
    <link rel="stylesheet" type="text/css" href="css/j-reset.css"/>
    <link rel="stylesheet" type="text/css" href="css/j-common.css"/>
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
    <script src="js/jquerys-1.7.2.min.js" type="text/javascript"></script>
    <script src="js/swiper.jquery.min.js" type="text/javascript"></script>
	<script src="js/j-index.js" type="text/javascript"></script>
	<script src="js/j-rem.js" type="text/javascript"></script>
   
    <title>澳洲购物商城</title>
    <!--<script type="text/javascript">
   		document.addEventListener('plusready', function(){
   			//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。"
   		});
    </script>-->
</head>
<body>
	  <div class="wrap">
	  	  <div class="top_logo clearfix">
	  	  	    <i class="logo_left fl"></i>
	  	  	    <i class="logo_mid"></i>
	  	  	    <a class="logo_rig" href="search.html"></a>
	  	  </div>
	  	  <!--banner部分开始-->
	  	  <div class="banner_logo">
	  	  	   <div class="swiper-wrapper">
					<div class="swiper-slide">
						 <a class="logo-list" href="#">
						 	<img src="img/banner.png"/>
						 </a>
						 <a class="logo-detail" href="pro-index.html">详情 —</a>
					</div>
	  	  	   	  	<div class="swiper-slide">
	  	  	   	  		 <a class="logo-list" href="#">
						 	<img src="img/banner.png"/>
						 </a>
						 <a class="logo-detail" href="pro-index.html">详情 —</a>
	  	  	   	  	</div>
	  	  	   	  	<div class="swiper-slide">
	  	  	   	  		<a class="logo-list" href="#">
						 	<img src="img/banner.png"/>
						 </a>
						 <a class="logo-detail" href="pro-index.html">详情 —</a>
	  	  	   	  	</div>
	  	  	   	  	<div class="swiper-slide">
	  	  	   	  		<a class="logo-list" href="#">
						 	<img src="img/banner.png"/>
						 </a>
						 <a class="logo-detail" href="pro-index.html">详情 —</a>
	  	  	   	  	</div>
	  	  	   	  </div>
	  	  	   	<div class="swiper-pagination  logo1">
	  	  	   	</div>
	  	  	</div>
	  	  	   
	  	 	<div class="gongnue">
	  	 		<img src="img/g-nue.png"/>
	  	 	</div>   
	  	 	<!--新品专区-->
	  	  	 <div class="new-staff">
	  	  	 	 <div class="sale-swiper">
			  	  	    <div class="swiper-wrapper">
							<div class="swiper-slide">
			  	  	   	  		 <a href=""><img src="img/hot-sell.png"/></a>
			  	  	   	  	</div>
			  	  	   	  	<div class="swiper-slide">
								<a href=""><img src="img/activity.png"/></a>
							</div>
			  	  	   	  	<div class="swiper-slide">
			  	  	   	  		<a href=""><img src="img/hot-sell.png"/></a>
			  	  	   	  	</div>
			  	  	   	  	<div class="swiper-slide">
			  	  	   	  		<a href=""><img src="img/hot-sell.png"/></a>
			  	  	   	  	</div>
			  	  	   	 </div>
				  	  	 <div class="swiper-pagination  sale1">
				  	  	 	 
				  	  	 </div>
				  	  </div>
	  	  	 	 <a class="new-one" href="new-hot-count.html">新品专区<i></i></a>
	  	  	 </div>
	  	  	 <div class="new-list">
	  	  	 	 <div class="list">
	  	  	 	 	<i class="new"></i>
	  	  	 	 	<a class="p" href="pro-index.html">
						<img src="img/p1.png">
	  	  	 	 	</a>
	  	  	 	 	<span class="p-name">产品名称</span>
	  	  	 	 </div>
	  	  	 	 <div class="list">
	  	  	 	 	<i class="new"></i>
	  	  	 	 	<a class="p" href="pro-index.html">
						<img src="img/p2.png">
	  	  	 	 	</a>
	  	  	 	 	<span class="p-name">产品名称</span>
	  	  	 	 </div>
	  	  	 	 <div class="list">
	  	  	 	 	<i class="new"></i>
	  	  	 	 	<a class="p" href="pro-index.html">
						<img src="img/p2.png">
	  	  	 	 	</a>
	  	  	 	 	<span class="p-name">产品名称</span>
	  	  	 	 </div>
	  	  	 </div>
	  	  	 
	  	  	 <!--特价区-->
	  	  	 <div class="special-offer">
	  	  	 	 <p>特价</p>
	  	  	 	 <div class="list list-up">
	  	  	 	 	<a class="p" href="pro-index.html">
						<img src="img/p1.png">
	  	  	 	 	</a>
	  	  	 	 	<span class="p-price-new">￥59 <span class="p-price-old">￥80</span></span>
	  	  	 	 	<span class="p-name">还你一双美腿</span>
	  	  	 	 	<i class="shop-car"></i>
	  	  	 	 </div>
	  	  	 	 <div class="list list-up">
	  	  	 	 	<a class="p" href="#">
						<img src="img/p2.png">
	  	  	 	 	</a>
	  	  	 	 	<span class="p-price-new">￥69 <span class="p-price-old">￥80</span></span>
	  	  	 	 	<span class="p-name">产品名称啊啊啊啊</span>
	  	  	 	 	<i class="shop-car"></i>
	  	  	 	 </div>
	  	  	 	 <div class="list list-up">
	  	  	 	 	<a class="p" href="#">
						<img src="img/p2.png">
	  	  	 	 	</a>
	  	  	 	 	<span class="p-price-new">￥69 <span class="p-price-old">￥80</span></span>
	  	  	 	 	<span class="p-name">产品名称吃奶粉</span>
	  	  	 	 	<i class="shop-car"></i>
	  	  	 	 </div>
	  	  	 </div>
	  	  	 
	  	  	 <!--活动中心-->
	  	  	 <div class="activity">
	  	  	 	 <a class="ac-title" href="#">活动中心<i class="ac-icon"></i></a>
	  	  	 	 <div class="sale-swiper">
			  	  	    <div class="swiper-wrapper">
							<div class="swiper-slide">
								<a href=""><img src="img/activity.png"/></a>
							</div>
			  	  	   	  	<div class="swiper-slide">
			  	  	   	  		 <a href=""><img src="img/hot-sell.png"/></a>
			  	  	   	  	</div>
			  	  	   	  	<div class="swiper-slide">
			  	  	   	  		<a href=""><img src="img/hot-sell.png"/></a>
			  	  	   	  	</div>
			  	  	   	  	<div class="swiper-slide">
			  	  	   	  		<a href=""><img src="img/hot-sell.png"/></a>
			  	  	   	  	</div>
			  	  	   	 </div>
				  	  	 <div class="swiper-pagination  sale1">
				  	  	 	 
				  	  	 </div>
				  	  </div>
	  	  	 </div>
	  	  	 
	  	  	 
	  	  	 <!--心愿商品-->
	  	  	 <div class="hope-list">
	  	  	 	 <a class="ac-title" href="hope.html">心愿商品<i class="ac-icon"></i></a>
	  	  	 	 <div class="hope-pic" src="img/hope.png">
	  	  	 	 	<a href="hope.html" class="more-hope">更多心愿 — </a>
	  	  	 	 </div>
	  	  	 	 
	  	  	 	 <div class="hope-staff">
	  	  	 	 	 <div class="hope-staff-item">
	  	  	 	 	 	 <a class="ho1" href="pro-index.html"></a>
	  	  	 	 	 	 <span class="h-name">Biolsand袋鼠精</span>
	  	  	 	 	 	 <span class="h-kind">文案文案文案</span>
	  	  	 	 	 	 <span class="hoper">许愿人 <span class="hoper-num">1000 +</span></span>
	  	  	 	 	 </div> 
	  	  	 	 	 <div class="hope-staff-item">
	  	  	 	 	 	<a class="ho2" href="#"></a>
	  	  	 	 	 	<span class="h-name">a2铂金2段</span>
	  	  	 	 	 	<span class="h-kind">婴幼儿奶粉</span>
	  	  	 	 	 	<span class="hoper">许愿人 <span class="hoper-num">1000 +</span></span>
	  	  	 	 	 </div> 
	  	  	 	 </div>
	  	  	 </div>
	  	  	 
	  	  	  <!--热销好物-->
	  	  	 	 <div class="good-sale">
	  	  	 	 	 <a class="ac-title" href="#">热销好物<i class="ac-icon"></i></a>
	  	  	 	 	 <div class="sale-swiper">
			  	  	    <div class="swiper-wrapper">
							<div class="swiper-slide">
								<a href=""><img src="img/hot-sell.png"/></a>
							</div>
			  	  	   	  	<div class="swiper-slide">
			  	  	   	  		 <a href=""><img src="img/hot-sell.png"/></a>
			  	  	   	  	</div>
			  	  	   	  	<div class="swiper-slide">
			  	  	   	  		<a href=""><img src="img/hot-sell.png"/></a>
			  	  	   	  	</div>
			  	  	   	  	<div class="swiper-slide">
			  	  	   	  		<a href=""><img src="img/hot-sell.png"/></a>
			  	  	   	  	</div>
			  	  	   	 </div>
				  	  	 <div class="swiper-pagination  sale1">
				  	  	 	 
				  	  	 </div>
				  	  </div>
	  	  	 	 </div>
	  	  	 	 
	  	  	 	 <!--tabBanner-->
	  	  	 	<div class="tab-change">
	  	  	 		<div id="contrast">
	  	  	 		 	<a id="btn1" class="active">明星同款 <i class="hezuo-tab-bg"></i></a>
	  	  	 		 	<a id="btn2" class="" >医师推荐<i class="hezuo-tab-bg"></i></a>
	  	  	 		 	<a id="btn3" class="" >经典搭配<i class="hezuo-tab-bg"></i></a>
	  	  	 	    </div>
	  	  	 		<div class="tab-banner">
	  	  	 	 	  <div class="swiper-wrapper">
							<div class="swiper-slide">
								<a href="artical.html"><img src="img/tab.png"/></a>
							</div>
			  	  	   	  	<div class="swiper-slide">
			  	  	   	  		 <a href="artical.html"><img src="img/tab.png"/></a>
			  	  	   	  	</div>
			  	  	   	  	<div class="swiper-slide">
			  	  	   	  		<a href="artical.html"><img src="img/tab.png"/></a>
			  	  	   	  	</div>
			  	  	    </div>
	  	  	 	    </div>
	  	  	 	    <div class="tab-title">
	  	  	 	    	<p class="tab-name">这是标题这是标题这是标题这是标题</p>
	  	  	 	    	<a class="tab-more" href="art-list.html">MORE</a>
	  	  	 	    </div>
	  	  	 	</div>
	  	  	 	
	  	  	 	<!--视频播放-->
	  	  	 	<div class="video">
	  	  	 		 <video  poster="img/video.png">
	  	  	 		 	<source src="myvideo.mp4" type="video/mp4"></source>
	  	  	 		 	<source src="myvideo.ogv" type="video/ogg"></source>
	  	  	 		 	<source src="myvideo.webm" type="video/webm"></source>
	  	  	 		 	<object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">
	  	  	 		 		<param name="movie" value="myvideo.swf" />
	  	  	 		 		<param name="flashvars" value="autostart=true&amp;file=myvideo.swf" />
	  	  	 		 	</object>
	  	  	 		 	当前浏览器不支持 video直接播放，点击这里下载视频： <a href="myvideo.webm">下载视频</a>
	  	  	 		 </video>
	  	  	 	</div>
	  	  	 	
	  	  	 	<!--博文小识-->
	  	  	 	<div class="blog">
	  	  	 		<div class="bb-cover mohu-bg"></div> 
	  	  	 		 <p class="blog-title">博文小识</p>
	  	  	 		 <div class="blog-banner">
	  	  	 		         
		  	  	 		 	 <div class="swiper-wrapper">
					            <div class="swiper-slide">
					            	 <div class="blog-article">
					            	 	 <a class="blog-article-title" href="#">新中式设计，满满都是惊艳</a>
					            	 	 <span class="blog-article-time">2017-3-12</span>
					            	 	 <p class="blog-article-content">设计是 把一种设想 通过合理的规划 周密的计划 通过各种感觉形式传达出来的过程...</p>
					            	 	 <img class="blog-article-pic" src="img/article.png"/>
					            	 </div>
					            </div>
					            <div class="swiper-slide">
					            	<div class="blog-article">
					            	 	 <a class="blog-article-title" href="#">新中式设计，满满都是惊艳</a>
					            	 	 <span class="blog-article-time">2017-3-12</span>
					            	 	 <p class="blog-article-content">设计是 把一种设想 通过合理的规划 周密的计划 通过各种感觉形式传达出来的过程...</p>
					            	 	 <img class="blog-article-pic" src="img/article.png"/>
					            	 </div>
					            </div>
					            <div class="swiper-slide">
					            	<div class="blog-article">
					            	 	 <a class="blog-article-title" href="#">新中式设计，满满都是惊艳</a>
					            	 	 <span class="blog-article-time">2017-3-12</span>
					            	 	 <p class="blog-article-content">设计是 把一种设想 通过合理的规划 周密的计划 通过各种感觉形式传达出来的过程...</p>
					            	 	 <img class="blog-article-pic" src="img/article.png"/>
					            	 </div>
					            </div>
					            <div class="swiper-slide">
					            	<div class="blog-article">
					            	 	 <a class="blog-article-title" href="#">新中式设计，满满都是惊艳</a>
					            	 	 <span class="blog-article-time">2017-3-12</span>
					            	 	 <p class="blog-article-content">设计是 把一种设想 通过合理的规划 周密的计划 通过各种感觉形式传达出来的过程...</p>
					            	 	 <img class="blog-article-pic" src="img/article.png"/>
					            	 </div>
					            </div>
					        </div>
	  	  	 		 </div>
	  	  	 	</div>
	  	  	 	
	  	  	   <!--鸣谢品牌-->
	  	  	   <div class="thank-logo">
	  	  	   	   <p class="thank-title">鸣谢品牌</p>
	  	  	   	   <div class="thank-banner">
	  	  	   	   	   <div class="swiper-wrapper">
				            <div class="swiper-slide">
				            	<a class="brand-logo" href="brand.html">
				            		<img src="img/brand1.png"/>
				            	</a>
				            </div>
				            <div class="swiper-slide">
				            	<a class="brand-logo" href="brand.html">
				            		<img src="img/brand2.png"/>
				            	</a>
				            </div>
				            <div class="swiper-slide">
				            	<a class="brand-logo" href="brand.html">
				            		<img src="img/brand3.png"/>
				            	</a>
				            </div>
				            <div class="swiper-slide">
				            	<a class="brand-logo" href="brand.html">
				            		<img src="img/brand4.png"/>
				            	</a>
				            </div>
				            <div class="swiper-slide">
				            	<a class="brand-logo" href="brand.html">
				            		<img src="img/brand5.png"/>
				            	</a>
				            </div>
				            <div class="swiper-slide">
				            	<a class="brand-logo" href="brand.html">
				            		<img src="img/brand1.png"/>
				            	</a>
				            </div>
				            <div class="swiper-slide">
				            	<a class="brand-logo" href="brand.html">
				            		<img src="img/brand2.png"/>
				            	</a>
				            </div>
				        </div>
	  	  	   	   </div>
	  	  	   </div>
	  	  	 	<!--底部导航-->
	  	  	 <div class="navbar">
	  	  	 	  <div class="list list-dowm">
	  	  	 	  	  <a class="nav-icon" href="#">
	  	  	 	  	  	 <img src="img/sy-picked.png"/>
	  	  	 	  	  </a>
	  	  	 	  	  <span class="nav-name">首页</span>
	  	  	 	  </div>
	  	  	 	  <div class="list list-dowm">
	  	  	 	  	  <a class="nav-icon" href="classify.html">
	  	  	 	  	  	<img src="img/fl-normal.png"/>
	  	  	 	  	  </a>
	  	  	 	  	  <span class="nav-name">分类</span>
	  	  	 	  </div>
	  	  	 	  <div class="list list-dowm">
	  	  	 	  	  <a class="nav-icon" href="#">
	  	  	 	  	  	<img src="img/zb-normal.png"/>
	  	  	 	  	  </a>
	  	  	 	  	  <span class="nav-name">直播</span>
	  	  	 	  </div>
	  	  	 	  <div class="list list-dowm">
	  	  	 	  	  <a class="nav-icon" href="shopping-car.html">
	  	  	 	  	  	<img src="img/gwc-normal.png"/>
	  	  	 	  	  </a>
	  	  	 	  	  <span class="nav-name">购物车</span>
	  	  	 	  </div>
	  	  	 	  <div class="list list-dowm">
	  	  	 	  	  <a class="nav-icon" href="z-mycenter.html">
	  	  	 	  	  	<img src="img/mine-normal.png"/>
	  	  	 	  	  </a>
	  	  	 	  	  <span class="nav-name">我的</span>
	  	  	 	  </div>
	  	  	 </div>	
	  	  	 
	  	  	 <!--回顶部-->
	  	  	 <div id="top" >
	  	  	 </div>
	  	  </div>

    
	<script type="text/javascript">
	$(document).ready(function () {			
	 var logo = new Swiper('.banner_logo',{
		  	   	paginationClickable: true,
//		  	   	loop:true,
//		        autoplay:5000,
		        slidesPerView: 1,
		        grabCursor : true,
		        pagination:'.swiper-pagination',
		  	   });
	 

	 var tabsSwiper = new Swiper('.tab-banner',{
	 		// paginationClickable: true,
 			speed:500,
 			onSlideChangeStart:function(tabsSwiper){
 				$('#contrast .active').removeClass('active');
 				$('#contrast a').eq(tabsSwiper.activeIndex).addClass('active');
 			}
		})
		 $("#contrast a").on('touchstart mousedown' , function(e){
		 	e.preventDefault()
		 	$("#contrast .active").removeClass('active');
		 	$(this).addClass('active');
		 	tabsSwiper.slideTo($(this).index())
		 })
	 	$("#contrast a").click(function(e){
	 		e.preventDefault()
	 	});

 	 var sale = new Swiper('.sale-swiper',{
		  	   	paginationClickable: true,
//		  	   	loop:true,
//		        autoplay:3000,
		        slidesPerView: 1,
		        grabCursor : true,
		        pagination:'.swiper-pagination',
		  	   });
	


	var blog = new Swiper('.blog-banner', {
		// autoplay:2000,
		slidesPerView: 1.4,
        centeredSlides: true,
        paginationClickable: true,
        spaceBetween: 20,
        initialSlide :1,
        }); 	
        
   	var thank = new Swiper('.thank-banner', {
   		// autoplay:2000,
		slidesPerView: 5,
        paginationClickable: true,
        spaceBetween: 20,
        });
	});
</script>
</body>
</html>
